<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            box-sizing: border-box;
            /* background-color:wheat */
        }
        .shiyanpin{
            width: 400px;
            height:650px;
            background-color: wheat;
            padding: 5px;
        }
.all
{
    width: 200px;
    height: 280px;
    background-color:white;
    margin:20px auto;

}
.up{
    width: 200px;
    height:200px;
    background-color:white;
    background-image: url(./Snipaste_2020-07-31_09-02-39.png);
    background-repeat: no-repeat;
    background-size:200px 200px;
    
}
.down{
    width: 200px;
    height: 80px;
    background-color: white;
    /* padding:2px; */
    
}

#text1{
    background-color: white;
    padding: 2px;
    margin: 2px;
    text-align: center;
    font-weight: 100;
    
}
#text2{
    background-color: white;
    padding: 2px;
    margin: 2px;
    text-align: center;
    font-weight: 100;
    font-size:13px;

}
.inner{
    width: 100px;
    height: 30px;
    background-color: black;
    
    border-radius: 15px;
    color:white;
    text-align: center;
    margin: 0 auto;
    
}
.uptwo{
    width: 200px;
    height:200px;
    background-image: url(./Snipaste_2020-07-31_09-02-56.png);
    background-repeat: no-repeat;
    background-size:200px 200px;

}



    </style>
</head>
<body>
    <div class="shiyanpin">
<div class="all"> 
    <div class="up">
          
              
    </div>    
       
    <div class="down"> 
        <div id="text1">HUWEI Mate 30 5G </div>
        <div id="text2">麒麟990 4000万超光俫卡先摄</div>
        <div  class="inner">
            ￥4999起
        </div>

    </div>
      
        
    
</div>  
  
<div class="all"> 
    <div class="uptwo">
          
              
    </div>    
       
    <div class="down"> 
        <div id="text1">HUWEI nova 7 5G </div>
        <div id="text2">前置3200万像素高清自拍</div>
        <div  class="inner">
            ￥2999起
        </div>

    </div>
      
        
    
</div>       
</div>
</body>
</html>